<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<script src="js/bootstrap.min.js"></script>
	<script src="js/jquery.min.js"></script>
	<script src="js/popper.min.js"></script>
	<link rel="stylesheet" href="css/tittle.css">
	<link rel="stylesheet" href="css/drop.css">
	<script src="js/Goods.js"></script>

<script type="text/javascript">
	user_login();
	$(document).ready(function(){
		//所有放到sessionStorage值都是以字符串的形式存储
		var id = window.sessionStorage.getItem("id");

		console.info(id)
		$.ajax({
			url:"order/show",
			type:"post",
			data:{
				"id":id
			},
			success:function(res){
				if (res.status==3){
					alert(res.mesage);
					window.location.href="woniu_login.html";
					return;
				}
				console.info(res)
				//订单信息
				var order= res.data;

				$("#orderno").text(order.orderno);
				$("#orderno_input").val(order.orderno);
				$("#money").text(order.money);
				$("#money_input").val(order.money);
				console.info(order.id);
				$("#paytype_input").val(order.id);

			}
		});
	});

</script>

	<style type="text/css">

		.font a{
			font-size:12px;
			color: #9c9c9c;
		}
		.menu a{
			font-size:16px;
			color: #efeded
		}

		#my_cart {
			width: 1400px;
			height: 100px;
			background: url(images/front/my_cart_3.png);
			background-position: center;
			background-size: contain;
			background-repeat: no-repeat;
			position: relative;
			top: -10px;

		}

		.buy_now{
			width: 200px;
			height: 40px;

			background-repeat: no-repeat;
			background-position: center;
			background-size: contain;
			position: relative;
			top: 7px;
			left: 20px;
		}
	</style>


</head>
<body>

<!-- 标题 -->
<div class="container" >
	<div class="row" style="height: 70px;">
		<div class="col-sm-3">
			<a  href="index.html">
				<img src="images/logo.png" height="53" width="250" style="position: absolute;left: -2px;top: 10px"/>
			</a>
		</div>
		<div class="col-sm-7"></div>
		<div class="col-sm-2" >
			<div class="row" style="height: 35px">
				<ul class="font a" >
					<li ><a href="woniu_order.html">个人中心</a></li>
					<li ><label>|</label> </li>
					<li ><a href="woniu_order_detail.html">我的订单</a></li>
				</ul>
			</div>
			<div class="row" style="height: 35px">
				<ul class="font a" >
					<li ><label>[</label> </li>
					<li ><a href="woniu_login.html" id="user_login">登录</a></li>
					<li ><label>|</label> </li>
					<li ><a href="woniu_regist.html" id="user_logout" onclick="">免费注册</a></li>
					<li ><label>]</label> </li>
				</ul>
			</div>
		</div>
	</div>

	<!---->
	<div class="row" style="height: 40px">
		<label>您当前位置：</label><a href="woniu_pay.html">购物车</a><label>&nbsp;》&nbsp;</label><a href="woniu_pay_2.html">填写核对订单信息</a>
		<label>&nbsp;》&nbsp;</label><a href="woniu_pay_3.html">成功提交订单</a>
	</div>
	<div class="row" style="height: 100px;">
		<div id="my_cart"></div>
	</div>
<!--订单信息-->
<div class="container" style="border: 1px solid lightgrey" >

		<div class="row" style="height: 40px; background-color: rgba(206,212,218,0.32)">
			<h4 style="color: orange;height: 25px ;position: relative;left: 20px">成功提交订单</h4>
		</div>
	<div class="row" style="height: 10px"></div>
	<div style="width: 80%; position: relative;left: 10%;">
		<img src="images/front/right.gif" height="51" width="48"/>
		<h5>订单已提交</h5>
	</div>
	<div style="width: 96%; position: relative;left: 2%;border: 2px solid orange;box-shadow:0 6px 3px -1px lightgray"></div>
		<div style="width: 80%; position: relative;left: 10%;">
			<div style="height: 30px"></div>
				<h5>订单信息</h5>
			<form action="pay/pay">

				订单编号：<label id="orderno"></label>
				<input type="text" name="WIDout_trade_no" id="orderno_input" hidden="hidden">
				<br>
				订单金额：<label id="money"></label>
				<input type="text" name="WIDtotal_amount" id="money_input" hidden="hidden">
				<br>
				支付方式：<label id="paytype">支付宝支付</label>
				<input type="text" name="WIDsubject" id="paytype_input" hidden="hidden">
				<br>
					<input type="image" src="images/front/pay_now.png" onclick="" width="130" height="40" >

			</form>


		</div>
<!--position: relative;left: 50%;-->




	</div>






</body>
</html>